<div class="f-nav-detail" ng-if="isDetailPage" >
    <detail-nav></detail-nav>
    <!--<div style="position:relative;" class="f-nav-header clearfix">-->
        <!--&lt;!&ndash;<a target="_blank" href="index.html#/indexCtrl"></a>&ndash;&gt;-->
        	<!--<div class="f-nav-logo"></div>-->
            <!--<login-module></login-module>-->
            <!--<div style="line-height: 40px;margin-right: 50px;font-size: 12px;float:right;width: 100px;">-->
                <!--<div style="position: relative;">-->
                    <!--<div class="f-right-nav-box" >-->
                        <!--<span>全部资料分类</span> <img ng-src="them/images/compImages/unfold.png" alt=""/>-->
                    <!--</div>-->
                    <!--<div class="f-right-nav-box-content">-->
                        <!--<div>-->
                            <!--<div class="f-right-nav-l">国内工</div>-->
                            <!--<div  class="f-right-nav-r clearfix">-->
                                <!--<a >建筑</a>-->
                                <!--<a >建筑</a>-->
                                <!--<a >建筑</a>-->
                                <!--<a >建筑</a>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--</div>-->

    <!--</div>-->
</div>
<div class="f-nav-main" ng-if="isMainpage">
    <div style="position:relative;" class="f-nav-header clearfix">
        <div class="f-nav-join-wechat">
            <a href="">加入微信圈</a>
        </div>

        <div class="f-user-login" ng-show="!showUser">
            <a ng-click="stateGoTo('login',0)">注册</a>
            <a>|</a>
            <a ng-click="stateGoTo('login',1)">登录</a>
        </div>
        <div class="f-user-login" ng-show="showUser">
            <a ng-bind="userName"></a>
            <a>|</a>
            <a > 退出</a>
        </div>
        <div class="f-nav-welcome">
            <a href="">你好欢迎来到工程界！</a>
        </div>
    </div>
</div>
<style>
    .f-right-nav-box{
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 92px;
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid #ddd;
        border-bottom: 0px solid;
        z-index: 5;
    }
    .f-right-nav-box-content{
        position: absolute;
        top: 50px;
        left: -588px;
        min-height: 100px;
        width: 700px;
        background: #fff;
        border: 1px solid #ddd;
        z-index: 4;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .f-right-nav-l , .f-right-nav-r{
        float:left;
    }
    .f-right-nav-l{
        font-size: 14px;
        width: 84px;
    }
    .f-right-nav-r{
        width: 610px;
    }
    .f-right-nav-r a{
        display: block;
        float: left;
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
</style>